<template>
  <div class="color-picker">
  </div>
</template>

<style lang="scss">
.color-picker {
  height: 12.5rem;
  width: 12.5rem;
  border-radius: 50%;
  margin: 0 auto;
  background: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
  position: relative;
}

.color-picker::after {
  content: '';
  position: absolute;
  inset: 1.5rem;
  background: #fff;
  border-radius: 50%;
}
</style>
